import React, {Component} from "react";
import {
	View,
	Text,
	ScrollView,
	TouchableOpacity,
	Image,
} from "react-native";
import {observer} from "mobx-react";
import Icon from 'react-native-vector-icons/FontAwesome';


import perStyles from "./style";

@observer
class HealthRecord extends Component {
	constructor(props) {
		super(props);
	}
	render() {
		return (
			<View>
				<ScrollView>
					<View>
						<TouchableOpacity style={perStyles.list}>
							<Text style={perStyles.listText}>我的基础健康档案</Text>
							<Icon name="chevron-right" size={18} color={gColor.chevronColor} />
						</TouchableOpacity>
						<TouchableOpacity style={perStyles.list}>
							<Text style={perStyles.listText}>我的动态监测数据</Text>
							<Icon name="chevron-right" size={18} color={gColor.chevronColor} />
						</TouchableOpacity>
					</View>
					<View>
						<Text style={{color: "red", marginTop: 30,paddingLeft: 10,}}>健康监测码：</Text>
						<Image 
							source={require('../../images/erweima.png')}
							style={{width: gScreen.width -80, height: gScreen.width -80, alignSelf: "center", marginTop: 10, }}
						/>
					</View>
				</ScrollView>
			</View>
		);
	}
}


export default HealthRecord;